$(function () {

  // 定义分页器参数
	const laypage = layui.laypage

  // 定义查询参数
    q = {
      advposname:'',
      advimgpos:'',
      advimgdesc:'',
      page:1,
      limit:10
    }

	getList()
  	// 请求文章接口
	function getList() {
		$.ajax({
			url: '/user/myArticle',
			method: 'GET',
      data:'q',
			query: {
				limit: '10',
				page: '10',
			},
			headers: {
				token: localStorage.getItem('token'),
			},
			success: function (res) {
				console.log(res)

				const { data } = res
        const { count } = res.data
				const htmlTpl = data.data.map((item) => {
						const { pic,title,tags,lovenum,click } = item
						return `
           
         <li>
          <a target="_blank" href="">
            <span class="thumbnail">
              <img class="thumb" src="http://124.223.14.236:8060/${pic}" />
            </span>
            <span class="text">${title} <b>【已发布】</b></span>
             <span class="text-muted post-views"> <i class="fa fa-eye"></i> 已阅读(${click})</span>
             <span class="text-muted post-views"> <i class="fa fa-heart"></i> 被点赞(${lovenum ? lovenum : 0})</span>
             <span class="text-muted post-views"> <i class="fa thumbs-up"></i>${tags}</span>
          </a>
        </li>
          `
					}).join('')
				// 渲染插入到指定位置
				$('.widget .items-01').html(htmlTpl)
        // 渲染分页
        renderPage(count)

			},
		})
	}

   
  	// 封装分页方法
	function renderPage(count) {
		//执行一个laypage实例
		laypage.render({
			elem: 'test1', //注意，这里的 page-box 是 ID，不用加 # 号
			count: count, //数据总数，从服务端得到
			curr: q.page, // 分页器当前高亮的页码
			limit: q.limit, // 每页显示的条数。laypage将会借助 count 和 limit 计算出分页数
			limits: [1, 5, 10, 20, 30, 40], // 每页条数的选择项。如果 layout 参数开启了 limit，则会出现每页条数的select选择框
			theme: '#ff5e52',
			/**
			 * layout自定义排版。可选值有：
			 * count（总条目输区域）、prev（上一页区域）、page（分页区域）、
			 * next（下一页区域）、limit（条目选项区域）、refresh（页面刷新区域。
			 * 注意：layui 2.3.0 新增） 、skip（快捷跳页区域）
			 */
			layout: ['count', 'limit', 'prev', 'page', 'next'],
			jump: function (obj, first) {
				//obj包含了当前分页的所有参数，比如：
				// 触发分页回调，修改查询条件
				q.page = obj.curr
				q.limit = obj.limit
				// initTable()
				//首次不执行
				if (!first) {
					//do something
					renderList()
				}
			},
		})
	}

	// 底部友情链接部分
	$.ajax({
		method: 'GET',
		url: '/index/index',
		success: function (res) {
			//  console.log(res);
			const { data, errno } = res
			if (errno !== 0) return layer.msg('获取失败')
			const { allLink } = data
			const youLink = allLink
				.map((item, i) => {
					const { url, des } = item
					return `
     <a href=${url} title="${des}">${des}</a> <span>|</span>  `
				})
				.join('')
			$('.footer .link').append(youLink)
		},
	})
})
